%div
  = render 'devise/shared/tab_single', tab_title: s_('IdentityVerification|Help us protect your account')
  .login-box.gl-p-5
    .login-body
      = form_for(resource, as: resource_name, url: session_path(resource_name), method: :post, html: { class: 'gl-show-field-errors' }) do |f|
        %p
          = s_("IdentityVerification|For added security, you'll need to verify your identity. We've sent a verification code to %{email}").html_safe % { email: "<strong>#{sanitize(obfuscated_email(resource.email))}</strong>".html_safe }
        %div
          = f.label :verification_token, s_('IdentityVerification|Verification code')
          = f.text_field :verification_token, class: 'form-control gl-form-input', required: true, autofocus: true, autocomplete: 'off', title: s_('IdentityVerification|Please enter a valid code'), inputmode: 'numeric', maxlength: 6, pattern: '[0-9]{6}'
          %p.gl-field-error.gl-mt-2
            = resource.errors.full_messages.to_sentence
          .gl-mt-5
            = f.submit s_('IdentityVerification|Verify code'), class: 'gl-button btn btn-confirm'
            - unless send_rate_limited?(resource)
              = link_to s_('IdentityVerification|Resend code'), users_resend_verification_code_path, method: :post, class: 'form-control gl-button btn-link gl-mt-3 gl-mb-0'
  %p.gl-p-5.gl-text-secondary
    - support_link_start = '<a href="https://about.gitlab.com/support/" target="_blank" rel="noopener noreferrer">'.html_safe
    = s_("IdentityVerification|If you've lost access to the email associated to this account or having trouble with the code, %{link_start}here are some other steps you can take.%{link_end}").html_safe % { link_start: support_link_start, link_end: '</a>'.html_safe }
